<style lang="scss" scoped="">
	@import '../style.scss';
	.entry_title{
		width:100%;
		padding-left: 2vh;
		font-weight: bold;
		height:4vh;
		line-height: 4vh;
		font-size: 2vh;
		color:whitesmoke;
	}
	.entry{
		height:5vh;
		line-height: 5vh;
		font-size: 2vh;
		color:whitesmoke;
		padding-left: 2vh;
		width:100%;
	}
	.entry div{
		width:50%;
		float:left
	}
  .bhhslh{
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
  }


</style>
<template>
	<div class='my_card_outer' style="height:25vh">
		<div class='my_card' style="height:24vh;">
			<div class="my_card_title">
				<Icon type="md-stats" color='rgb(67,158,279)' class="my_card_icon" />租户各维度评分Top3
			</div>
			<div style="height:19vh;width:100%">
				<Row>
					<Col span='8'>
					<div class="entry_title">
						资源利用分数排名
					</div>
					<div v-for="(item, index) in util">
						<div class='entry'>
							<div class="bhhslh">{{item.tenant}}</div>
							<div>{{Math.round(item.util_dim_score)}}分</div>
						</div>
					</div>

					</Col>

					<Col span='8'>

					<div class="entry_title">
						资源合理性分数排名
					</div>
					<div v-for="(item, index) in reason">
						<div class='entry'>
							<div class="bhhslh">{{item.tenant}}</div>
							<div>{{Math.round(item.reason_dim_score)}}分</div>
						</div>
					</div>
					</Col>

					<Col span='8'>
					<div class="entry_title">
						资源产值分数排名
					</div>
					<div v-for="(item, index) in value">
						<div class='entry'>
							<div class="bhhslh">{{item.tenant}}</div>
							<div>{{Math.round(item.value_dim_score)}}分</div>
						</div>
					</div>
					</Col>
				</Row>

			</div>
		</div>

	</div>

</template>

<script>
	import echarts from 'echarts'

	export default {
		name: 'diff_dim_rank',
		data() {
			return {
				"reason": [{
						"reason_dim_score": 86.3285779322505,
						"tenant": "国漫"
					},
					{
						"reason_dim_score": 81.3282157199625,
						"tenant": "防刷单"
					},
					{
						"reason_dim_score": 80.1000852080345,
						"tenant": "租户3"
					}
				],
				"util": [{
						"tenant": "人力",
						"util_dim_score": 80.6143159319366
					},
					{
						"tenant": "防刷单",
						"util_dim_score": 80.6141384336644
					},
					{
						"tenant": "租户6",
						"util_dim_score": 79.6710636659021
					}
				],
				"value": [{
						"tenant": "租户4",
						"value_dim_score": 77.04289240543577
					},
					{
						"tenant": "人力",
						"value_dim_score": 73.94755439149766
					},
					{
						"tenant": "租户3",
						"value_dim_score": 68.24185759361977
					}
				]
			}
		},
		mounted() {


		},
		methods: {
			initChart(input_data) {
				this.reason=input_data.dim_top3['reason'];
				this.value=input_data.dim_top3['value'];
				this.util=input_data.dim_top3['util'];
			}
		}
	}
</script>
